<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" type="text/css"
          href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="./css/admin.css">
    <title>获奖管理</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark table-danger">
    <a class="navbar-brand" href="index.html">管理后台</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarColor02">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                <a class="nav-link" href="admin.html">管理员</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="country.html">参赛国家</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="sporting.html">体育项目</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="athletes.html">参赛人员</a>
            </li>
            <li class="nav-item active">
                <a class="nav-link" href="award.html">获奖信息</a>
            </li>
        </ul>
        <div class="ml-auto">
            <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                管理员
            </button>
            <div class="dropdown-menu dropdown-menu-right">
                <button class="dropdown-item" type="button">修改个人资料</button>
                <button class="dropdown-item" type="button">修改登录密码</button>
                <button class="dropdown-item" type="button">修改个人头像</button>
                <div class="dropdown-divider"></div>
                <button type="button" class="dropdown-item" data-toggle="modal" data-target="#exitDialog">安全退出</button>
            </div>
        </div>
    </div>
</nav>

<div class="modal fade" id="exitDialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">退出后台管理</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                您确定要退出后台管理吗？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消退出</button>
                <a href="../logout.let" class="btn btn-primary _save">确定退出</a>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <nav class="mt-2 mb-2">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="index.html">首页</a></li>
            <li class="breadcrumb-item active" aria-current="page">获奖管理</li>
        </ol>
    </nav>

    <form class="form-inline" name="searchForm">
        <div class="form-group mx-sm-3 mb-2">
            <select class="form-control" name="sportingId" style="width: 15vw">
                <option value="全部项目" selected>全部项目</option>
            </select>
        </div>
        <div class="form-group mx-sm-3 mb-2">
            <input type="text" class="form-control" name="key" placeholder="请输入">
        </div>
        <button type="submit" class="btn btn-primary mb-2"><i class="fa fa-search"></i></button>
        <button type="button" class="btn btn-primary ml-auto"  data-toggle="modal" data-target="#addDialog_aw">添加</button>
    </form>


    <table class="table table-striped table-bordered table-hover mt-1">
        <thead>
        <tr>
            <th scope="col">项目名称</th>
            <th scope="col">国家简称</th>
            <th scope="col">运动员姓名</th>
            <th scope="col">获奖名次</th>
            <th scope="col">获奖成绩</th>
            <th scope="col">获奖时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="datagrid">
        </tbody>
    </table>

    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center">
            <li class="page-item">
                <a class="page-link" href="javascript:void(0);" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
            <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
            <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
            <li class="page-item">
                <a class="page-link" href="javascript:void(0);" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>
</div>
<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script src="../bootstrap-3.4.1-dist/js/jquery-3.6.0.min.js"></script>
<script src="../bootstrap-3.4.1-dist/js/bootstrap.bundle.min.js"></script>
<script src="award.js" type="module"></script>
</body>
</html>